<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <link rel="stylesheet" href="style.css">
    <link rel="stylesheet" href="font-awesome-4.7.0/css/font-awesome.min.css">
    <title>Personal Web</title>
</head>

<body>

    <!-- 这里是写博客的地方 -->
    <div class="box">
        <!-- 这里是放头像的地方 -->
        <img src="./assets/img/profile.jpg" alt="">
        <!-- 这里写名字 -->
        <h1>Yun Peng Huang</h1>
        <!-- 这里写技能标签 -->
        <h5>Web Depelover -Fornt End Engineer</h5>
        <!-- 这里写说明(简介) -->
        <p>
            like programming, have done some small scripts.Hope you will like my personal blog!
        </p>
        <!-- 现在我们下面放自己的图标 -->
        <!-- 先进入这个网站 fontawesome 这样直接引入是没有的 -->
        <!-- 我们要下这个 然后导入进去 抱歉这里没看到~~ -->
        <!-- 这样就引入了 然后我们重置一下样式 -->

        <ul>
            <li>
                <a href=""><i class="fa fa-facebook-square" aria-hidden="true"></i></a>
            </li>
            <li>
                <a href=""><i class="fa fa-twitter-square" aria-hidden="true"></i> </a>
            </li>
            <li>
                <a href=""><i class="fa fa-git-square" aria-hidden="true"></i></a>
            </li>
            <li>
                <a href=""><i class="fa fa-google-plus-square" aria-hidden="true"></i></a>
            </li>
        </ul>
    </div>
</body>

</html>